<template>
  <section class="component basic-information-company">
    <ul>
      <li>
        <span>企业名称：</span>
        <!-- <span>{{ model.coreEnterpriseName }}</span> -->
        <span>{{ model.personalName }}</span>
      </li>
      <li>
        <span>统一社会信用代码：</span>
        <span>{{ model.creditCode }}</span>
      </li>
      <!-- <li>
        <span>注册111地址：</span>
        <span>{{ model.registeredAddress }}</span>
      </li> -->
      <li>
        <span>法人：</span>
        <span>{{ model.legalName }}</span>
      </li>
      <li>
        <span>法人证件号：</span>
        <span>{{ model.legalIdCard }}</span>
      </li>
      <li>
        <span>法人性别：</span>
        <span>{{ model.legalSex | dictConvert("Sex") }}</span>
      </li>
      <li>
        <span>法人手机号：</span>
        <span>{{ model.legalMobileNo }}</span>
      </li>
      <li>
        <span>注册资本：</span>
        <span>{{
          model.registeredCapital && `${model.registeredCapital}元`
        }}</span>
      </li>
      <li>
        <span>客户总账户数：</span>
        <span>{{ model.totalAccounts }}</span>
      </li>
      <li>
        <span>客户归并逾期总金额：</span>
        <span>{{ model.overdueAmount && `${model.overdueAmount}元` }}</span>
      </li>
      <li>
        <span>客户归并延滞阶段：</span>
        <span>{{ model.overduePeriod }}</span>
      </li>
      <li>
        <span>归并历史最高逾期期数：</span>
        <span>{{ model.historyMaxOverduePeriod }}</span>
      </li>
    </ul>
  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { Dependencies } from "~/core/decorator";
import { Prop } from "vue-property-decorator";
import { namespace } from "vuex-class";
const CollectionExecutionModule = namespace("collection-execution");
@Component({
  components: {}
})
export default class BasicInformationCompany extends Vue {
  @CollectionExecutionModule.State private caseId;
  @Prop() private model;
}
</script>
<style lang="less" scoped>
.component.basic-information-company {
  padding: 5px 5px 5px 0px;
  .padding-bottom-8 {
    padding-bottom: 8px;
    .name {
      color: #606266;
    }
  }
  ul {
    padding: 0;
    margin: 0;
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
    li {
      width: 49%;
      list-style: none;
      padding-bottom: 10px;
    }
  }
}
</style>
